SvgrefX

2017年12月18日 — refX属性与refY属性一起使用，为标记上的位置提供坐标，以便将其与可标记元素相连接。坐标是相对于标记的坐标系而不是它所放置的可标记元素。

2023年4月7日 — The refX read-only property of the SVGMarkerElement interface returns an SVGAnimatedLength object containing the value of the refX attribute ...

2023年3月6日 — The refX attribute defines the x coordinate of an element's reference point. You can use this attribute with the following SVG elements:.

了解了viewbox 之後( 還不明白沒關係，之後會介紹)， refX 與refY 就是相對於X 軸與y 軸的座標，例如我們設定refX=20，就表示我們以20,0 作為起始點，所以整張圖就會往 ...

Learn SVG - Effects of alternate values for refX, refY and orient.

2018年11月5日 — In the W3C documentation, we can read that the refY attribute of a svg <marker> can take the values top , center , bottom but when I try it, I ...

2020年9月19日 — I also found that the refX and refY don't work with the symbols. I did find a workaround to effectively do the same thing though.

此例子中， refX 和 refY 设置为圆的中心，意味着圆的中心将被放在路径的开始位置。如果未设置 refX 和 refY ，其默认为0，即标记的左上角会被放在路径的开始处。

The refX attribute defines the x coordinate of an element's reference point. Two elements are using this attribute: <marker> and <symbol> ...

了解了 viewbox 之後， refX 與 refY 就是相對於X 軸與y 軸的座標，例如我們設定refX=20，就表示我們以20,0 作為起始點，所以整張圖就會往左邊移，設定refY=39，整張圖 ...